<template>
	<view class="entry-item"  @tap="jump">
		<view class="entry-item__title">
			<image :src="icon"/>
			<span>{{title}}</span>
		</view>
		<view class="entry-item__right">
			<slot name="right"></slot>
			<view class="arrow">&gt;</view>
		</view>
	</view>
</template>

<script setup>
const props = defineProps({
	title: String,
	icon: String,
	url: String
})

//跳转
const jump = ()=> {
	uni.navigateTo({
		url: props.url
	})
}
</script>

<style lang="scss" scoped>
.entry-item {
	display: flex;
	padding: 10rpx 40rpx;
	line-height: 80rpx;
	font-size: 28rpx;
	justify-content: space-between;
	border-bottom: 2rpx solid #ededed;
	// background: #fff;
	cursor: pointer;
	align-items: center;
	image {
		width: 70rpx;
		height: 70rpx;
	}
}
.entry-item__title {
	display: flex;
	align-items: center;
	color: #999;
	image {
		margin-right: 20rpx;
	}
}
.entry-item__right {
	display: flex;
	.arrow {
		color: rgb(69, 91, 223);
	}
}

</style>